<%= render :partial => "skin_top_navigation" %>

<div id="skin-page" class="profile module">
  
  <div class="header module">
    <h2>
      <%= @skin.title %> <%= ts("skin by") %> <%= skin_author_link(@skin) %>    
    </h2>
    <blockquote class="userstuff">
      <%= @skin.description.blank? ? ts("(No Description Provided)") : raw(sanitize_field(@skin, :description)) %>
    </blockquote>
    <%= skin_preview_display(@skin) %>

    <h3>CSS</h3>
    <blockquote><pre><%= @skin.css %></pre></blockquote>

    <% if @skin.margin || !@skin.font.blank? || !@skin.background_color.blank? || !@skin.foreground_color.blank? || @skin.base_em %>
      <h3>Wizard Settings</h3>
      <p class="notes">(can be overridden by custom CSS)</p>
  
      <dl>
        <% if @skin.margin %><dt>Margin</dt><dd><%= @skin.margin %><% end  %>
        <% unless @skin.font.blank? %><dt>Font</dt><dd><%= @skin.font %><% end  %>
        <% unless @skin.background_color.blank? %><dt>Background color</dt><dd><%= @skin.background_color %><% end  %>
        <% unless @skin.foreground_color.blank? %><dt>Foreground color</dt><dd><%= @skin.foreground_color %><% end  %>
        <% if @skin.base_em %><dt>Relative font size</dt><dd><%= @skin.base_em %><% end  %>
      </dl>
    <% end %>
  </div>

  <%= render :partial => "skin_navigation", :locals => {:skin => @skin} %>

</div>
